<div class="row">
    <div class="large-12 columns centered">
        <div id="loader">
            <div class="border">
                <h5 class="title">Resultados de búsqueda</h5>
                <div class="carousel">
                    <div class="large12 columns text-center">
                        <img src="<?php echo base_url(); ?>images/loading.gif" /><br/>Cargando...
                    </div>
                </div>
            </div>
        </div>
        <div id="results"></div>
    </div>
</div>

<div class="row container">
    <div class="large-12 columns">
        <div class="border">
            <h5 class="title">Datos de la modelo</h5>
            <div class="carousel">
                <?php foreach ($modelo as $data): ?>
                    <div class="large-3 columns">
                        <table class="responsive">
                            <tbody>
                                <tr>
                                    <th class="text-right">Nombre</th>
                                    <td><?php echo $data->nombre; ?></td>
                                </tr>
                                <tr>
                                    <th class="text-right">Edad</th>
                                    <td><?php echo $data->edad; ?> años</td>
                                </tr>
                                <tr>
                                    <th class="text-right">Provincia</th>
                                    <td><?php echo $data->provincia; ?></td>
                                </tr>
                                <tr>
                                    <th class="text-right">Estatura</th>
                                    <td><?php echo $data->estatura; ?>m.</td>
                                </tr>
                                <tr>
                                    <th class="text-right">Ojos</th>
                                    <td><?php echo $data->color_ojos; ?></td>
                                </tr>
                                <tr>
                                    <th class="text-right">Cabello</th>
                                    <td><?php echo $data->color_pelo; ?></td>
                                </tr>
                                <tr>
                                    <th class="text-right">Piel</th>
                                    <td><?php echo $data->color_piel; ?></td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="text-center"><a href="#" data-reveal-id="firstModal" class="radius button">Solicitar cita</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="large-9 columns">
                        <ul class="clearing-thumbs" data-clearing="">
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto1; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto1; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto2; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto2; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto3; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto3; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto4; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto4; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto5; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto5; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto6; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto6; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto7; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto7; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto8; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto8; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto9; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto9; ?>"></a></li>
                            <li><a class="th" href="<?php echo base_url() . 'assets/uploads/files/' . $data->foto10; ?>"><img class="img" data-caption="caption here" src="<?php echo base_url() . 'assets/uploads/files/' . $data->foto10; ?>"></a></li>
                        </ul>
                    </div>

                <?php endforeach; ?>
            </div>
        </div>
    </div>
</div>

<div id="firstModal" class="reveal-modal">
    <form id="dating" name="form" class="custom">
        <fieldset>
            <legend>Tan facil como:</legend>

            <div class="row">
                <div class="large-3 columns">
                    <label>1: Mi nombre es:</label>
                    <input name="nombre" type="text" placeholder="Nombre">
                </div>
                <div class="large-3 columns">
                    <label>2: Mi tel&eacute;fono es:</label>
                    <input name="telefono" type="text" placeholder="Telefono">
                </div>
                <div class="large-3 columns">
                    <label>3: Quiero estar con:</label>
                    <input name="modelo" type="text" value="<?php echo $data->nombre; ?>" readonly="readonly">
                </div>
                <div class="large-3 columns">
                    <label>4: Enviar solicitud!</label>
                    <input type="submit" class="small button" value="Enviar">
                </div>
            </div>

        </fieldset>
    </form>

        <div id="dating-results" class="large-12 columns"></div>

    <a class="close-reveal-modal">×</a>
</div>

<div id="secondModal" class="reveal-modal">
    <h2>Gracias!</h2>
    <p>Una de nuestras representantes se estar&aacute; comunicando pronto con usted!</p>
    <a class="close-reveal-modal">×</a>
</div>